<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>jQuery UI Core Test Suite</title>

	<script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>

	<link rel="stylesheet" href="../../../external/qunit.css" type="text/css"/>
	<script type="text/javascript" src="../../../external/qunit.js"></script>
	<script type="text/javascript" src="../../jquery.simulate.js"></script>
	
	<script type="text/javascript" src="core.js"></script>
	<script type="text/javascript" src="selector.js"></script>
	
	<style	type="text/css">
		.zindex {z-index: 100}
		.absolute {position: absolute}
	</style>
</head>
<body>

<h1 id="qunit-header">jQuery UI Core Test Suite</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests">
</ol>

<div id="main" style="position: absolute; top: -10000px; left: -10000px;">

	<div>
		<input id="visibleAncestor-inputTypeNone" />
		<input type="text" id="visibleAncestor-inputTypeText" />
		<input type="checkbox" id="visibleAncestor-inputTypeCheckbox" />
		<input type="radio" id="visibleAncestor-inputTypeRadio" />
		<input type="button" id="visibleAncestor-inputTypeButton" />
		<input type="hidden" id="visibleAncestor-inputTypeHidden" />
		<button id="visibleAncestor-button">x</button>
		<select id="visibleAncestor-select">
			<option>option</option>
		</select>
		<textarea id="visibleAncestor-textarea">x</textarea>
		<object id="visibleAncestor-object">xxx</object>
		<a href="#" id="visibleAncestor-anchorWithHref">anchor</a>
		<a id="visibleAncestor-anchorWithoutHref">anchor</a>
		<map>
			<area href="#" id="visibleAncestor-areaWithHref" alt="" />
			<area id="visibleAncestor-areaWithoutHref" alt="" />
		</map>
		<span id="visibleAncestor-span">x</span>
		<div id="visibleAncestor-div">x</div>
		<span id="visibleAncestor-spanWithTabindex" tabindex="1">x</span>
		<div id="visibleAncestor-divWithNegativeTabindex" tabindex="-1">x</div>
	</div>
	
	<div>
		<input id="disabledElement-inputTypeNone" disabled="disabled" />
		<input type="text" id="disabledElement-inputTypeText" disabled="disabled" />
		<input type="checkbox" id="disabledElement-inputTypeCheckbox" disabled="disabled" />
		<input type="radio" id="disabledElement-inputTypeRadio" disabled="disabled" />
		<input type="button" id="disabledElement-inputTypeButton" disabled="disabled" />
		<input type="hidden" id="disabledElement-inputTypeHidden" disabled="disabled" />
		<button id="disabledElement-button" disabled="disabled"></button>
		<select id="disabledElement-select" disabled="disabled"></select>
		<textarea id="disabledElement-textarea" disabled="disabled"></textarea>
	</div>
	
	<div>
		<div id="displayNoneAncestor" style="display: none;">
			<input id="displayNoneAncestor-input" />
			<span tabindex="1" id="displayNoneAncestor-span"></span>
		</div>
		
		<div id="visibilityHiddenAncestor" style="visibility: hidden;">
			<input id="visibilityHiddenAncestor-input" />
			<span tabindex="1" id="visibilityHiddenAncestor-span"></span>
		</div>
		
		<input id="displayNone-input" style="display: none;" />
		<input id="visibilityHidden-input" style="visibility: hidden;" />
		
		<span tabindex="1" id="displayNone-span" style="display: none;"></span>
		<span tabindex="1" id="visibilityHidden-span" style="visibility: hidden;"></span>
	</div>
	
	<div>
		<input id="inputTabindex0" tabindex="0" />
		<input id="inputTabindex10" tabindex="10" />
		<input id="inputTabindex-1" tabindex="-1" />
		<input id="inputTabindex-50" tabindex="-50" />
		
		<span id="spanTabindex0" tabindex="0"></span>
		<span id="spanTabindex10" tabindex="10"></span>
		<span id="spanTabindex-1" tabindex="-1"></span>
		<span id="spanTabindex-50" tabindex="-50"></span>
	</div>
	
	<div>
		<input id="inputTabindexfoo" tabindex="foo" />
		<input id="inputTabindex3foo" tabindex="3foo" />
		
		<span id="spanTabindexfoo" tabindex="foo"></span>
		<span id="spanTabindex3foo" tabindex="3foo"></span>
	</div>
	
	<div id="aria"></div>
	
	<div id="zIndex100" style="z-index: 100; position: absolute">
		<div id="zIndexAutoWithParent"></div>
	</div>
	<div id="zIndex100ViaCSS" class="zindex">
		<div id="zIndexAutoWithParentViaCSS"></div>
	</div>
	<div id="zIndex100ViaCSSPositioned" class="zindex absolute">
		<div id="zIndexAutoWithParentViaCSSPositioned"></div>
	</div>
	<div id="zIndexAutoNoParent"></div>
</div>

</body>
</html>
